.main{
    overflow: scroll;
    padding: 10px;
    // 最新课程
    .new-course{
       margin-bottom: 20px;
        .card-newcourse{
            height: 210px;
            margin-top: 10px;
            border-radius: 15px;
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
            img{
                width: 100%;
                height: 150px;
                border-radius: 15px 15px 0 0;
            }
            .course-name{
                font-size: 16px;
                font-weight: 600;
                line-height: 2.2;
                text-indent: 10px;
            }
            .course-text{
                font-size: 14px;
                text-indent: 10px;
                color: rgb(154, 154, 154);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }

    // 课程
    .curriculum{
        margin-bottom: 20px;
         .card-list{
             height: 210px;
             margin-top: 15px;
             border-radius: 15px;
             box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
            // background: url('../img/course-img01.jpg');
            // background-size: 100%;
            justify-content: flex-end;
            .cardlist-img{
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                border-radius: 15px;
            }
             .curriculum-name{
                 font-size: 16px;
                 font-weight: 600;
                 line-height: 2.2;
                 color: white;
                 bottom: 40px;
                 left: 10px;
             }
             .curriculum-text{
                font-size: 14px;
                color: white;
                bottom: 20px;
                left: 10px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
             }
         }
     }
}